<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>霞客约车登录页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="${ctxStatic }/wx/mui/css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="${ctxStatic }/wx/css/load_register.css" />
		<script type="text/javascript" src="${ctxStatic }/zepto/zepto.min.js" ></script>
	</head>
	<style>
		html,
		body {
			width: 100%;
			height: 100%;
		}
		#xiake_load {
			width: 100%;
			height: 100%;
			position: relative;
		}
		.mui-input-group {
			margin-top: 15%;
		}
	</style>
	
<body>
		<div id="xiake_load">
			<div class="mui-content">
				<div class="mui-row">
					<p class="xk_load_tit">霞客约车登录</p>
					<form class="mui-input-group" action="${ctxWx}/pu/login" method="post" id="subForm">
						<input id="backUrl" type="hidden" name="backUrl" />
						<div class="mui-input-row">
							<label>
			 	 	         	<img src="${ctxStatic }/wx/images/zhanghao_denglu@2x.png" />
			 	 	         </label>
							<input type="text" class="mui-input-clear" placeholder="请输入手机号码" name="username"id="username">
						</div>
						<div class="mui-input-row">
							<label>
			 	 	         	<img src="${ctxStatic }/wx/images/mima_denglu@2x.png" />
			 	 	         </label>
							<input type="password" class="mui-input-clear" placeholder="请输入密码" name="password" id="password">
						</div>
						<div class="xk_load_rem">
							<div class="load_rem_left">
								<label>
									<input type="checkbox" class="mui-checkbox" checked="checked" value="yes" name="saveUserFor3Months" />
								    <span>自动登录</span>
								</label>
							</div>
							<div class="load_rem_right">
								<a  id="forgot_pd">忘记密码？</a>
							</div>
						</div>
						<div class="load_btn_s">
							<input type="button" value="登录" id="dl" />
						</div>
					</form>
					<div class="load_btn_register">
						<input id="register_hl" type="button" value="注册" id="zc" />
					</div>
				</div>
			</div>
		</div>
		<script src="${ctxStatic }/mui/js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init();
			//tap为mui封装的单击事件，可参考手势事件章节
			document.getElementById('forgot_pd').addEventListener('tap', function(){
			  //打开关于页面
			  mui.openWindow({
			    url: '${ctxWx}/pu/password', 
			    id:'forgot_password'
			  });
			});
						//tap为mui封装的单击事件，可参考手势事件章节
			document.getElementById('register_hl').addEventListener('tap', function(){
			  //打开关于页面
			  mui.openWindow({
			    url: '${ctxWx}/pu/register', 
			    id:'registers.html'
			  });
			});
			Zepto(function() {
				$('#backUrl').val(window.location.href);
				$('#dl').on('tap',function(){
					$('#subForm').submit();
				})
				var keyVal2= "${sessionScope.mes}";
				if(keyVal2.length!=0){  
					mui.alert(keyVal2);
				}  
			})
					</script>
	</body>
<%session.removeAttribute("mes");%>
</html>